<template>
  <div class="classify app_content">
    <!-- 导航栏  titelText="详情信息"-->
    <div class="header_body">
      <header-nav :slefBack="true" @goBack="goBack"> </header-nav>
    </div>
    <div class="detail_body" style="height: 100%;overflow-y: auto">
      <van-cell-group inset>
<!--        <van-cell title="标题" :value="itemInfo.title" />-->
        <van-cell title="地区" :value="itemInfo.cityName + itemInfo.districtName" />
        <van-cell title="投入资金数(中央)" :value="itemInfo.investFundCentre" />
        <van-cell title="可用资金数(中央)" :value="itemInfo.usableFundCentre" />
        <van-cell title="已受理申请数" :value="itemInfo.acceptApplyNumber" />
      </van-cell-group>
      <van-cell-group inset title="审核情况">
        <!--        <van-cell title="标题" :value="itemInfo.title" />-->
        <van-cell title="审核通过申请数" :value="itemInfo.passApplyNumber" />
        <van-cell title="审核通过申请比例" :value="itemInfo.passApplyRatio" />
        <van-cell title="审核通过申请中央资金" :value="itemInfo.passApplyCentralFund" />
      </van-cell-group>
      <van-cell-group inset title="中央补贴情况">
        <!--        <van-cell title="标题" :value="itemInfo.title" />-->
        <van-cell title="中央补贴使用资金" :value="itemInfo.centreSubsidyUseFund" />
        <van-cell title="中央补贴使用资金(衔接部分)" :value="itemInfo.centreSubsidyUseFundConnect" />
        <van-cell title="中央补贴使用比例(可用资金)" :value="itemInfo.centreSubsidyUseRatioAvailable" />
        <van-cell title="中央补贴使用比例(含衔接)" :value="itemInfo.centreSubsidyUseRatioIncloudeConnect" />
        <van-cell title="中央补贴结算资金" :value="itemInfo.centreSubsidySettleFund" />
        <van-cell title="中央补贴结算资金(衔接部分)" :value="itemInfo.centreSubsidySettleFundConnect" />
        <van-cell title="中央补贴结算比例(可用资金)" :value="itemInfo.centreSubsidySettleRatioAvailable" />
        <van-cell title="中央补贴结算比例(含衔接)" :value="itemInfo.centreSubsidySettleRatioIncloudeConnect" />
      </van-cell-group>
      <van-cell-group inset title="省级配套资金情况">
        <!--        <van-cell title="标题" :value="itemInfo.title" />-->
        <van-cell title="省级配套投入资金" :value="itemInfo.provinceInvestFund" />
        <van-cell title="省级配套使用资金" :value="itemInfo.provinceUseFund" />
        <van-cell title="省级配套使用比例" :value="itemInfo.provinceUseRatio" />
        <van-cell title="省级配套结算资金" :value="itemInfo.provinceSettleFund" />
        <van-cell title="省级配套结算比例" :value="itemInfo.provinceSettleRatio" />
      </van-cell-group>
    </div>
  </div>
</template>
<script setup name="ItemInfo">
const router = useRouter();
const itemInfo = ref({})
onMounted(() => {
  const query = router?.currentRoute?.value?.query;
  itemInfo.value = JSON.parse(query.itemInfo)
})
const download = (item) => {
  window.open(item); //url为下载http地址
}
const goBack = () => {
  router.go(-1);
};

</script>
<style lang="less" scoped>
.text-button {
  color: #1989fa;
}
.classify {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background-color: #f4f4f4;
}
</style>